#banner{
    margin-top: 116px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
#banner .img{
    width: 500%;
}
#banner li{
    float: left;
    width: 20%;
}
#banner .img img{
    max-width: 100%;
    height: auto;
}
#banner:hover div{
    display: block;
}
#banner>div{
    width: 30px;
    height: 50px;
    cursor: pointer;
    display: none;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
}
#banner>div.lClick{
    left: 10px;
    background-image:url(../img/click_l.png) ;
    background-repeat: no-repeat ;
    background-position:center ;
}
#banner>div.lClick:hover{
    background-image:url(../img/hover_l.png) ;
    background-color: #000;
    opacity: .4;
    filter: alpha(opacity=40);
}
#banner>div.rClick:hover{
    background-image:url(../img/hover_r.png) ;
    background-color: #000;
    opacity: .4;
    filter: alpha(opacity=40);
}
#banner>div.rClick{
    right: 10px;
    background-image:url(../img/click_r.png) ;
    background-repeat: no-repeat ;
    background-position:center ;
}
/*****************main_index*****************/
#main_index>div{
    
    margin: 0 auto;
}
#main_index>div .tt{
    width: 147px;
    height: 147px;
    margin: 0 auto;
}
#main_index>div .tt img{
    width: 100%;
}
#main_index .title{
    text-align: center;
}
#main_index .title h6{
    font-size:28px;
    font-weight: bold;
    margin-bottom:15px;
}
#main_index .title p{
    
    font-size: 18px;
}
#main_index .content{
    margin-top:50px;
    width: 100%;
}
#main_index .content ul:after{
    content: " ";
    clear: both;
    display: block;
}
/***about***/
#main_index .about{
    width: 1080px;
}
#main_index .about .content li{
    float:left;
    width: 220px;
    margin: 20px 25px;
    padding: 20px 0;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}
#main_index .about .content li:hover a{
    color:#fff;
    transition: color .7s ease .7s;
}
#main_index .about .content li div{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    background: url(../img/border.png) no-repeat center;
    box-sizing: border-box;
    position:relative;
}
#main_index .about .content li div span{
    position: absolute;
    top: 36px;
    left: 36px;
    z-index: 20;
    width: 70px;
    height: 70px;
    background-image:url(../img/icon.png);
}
#main_index .about .content li.atom div span{
    background-position:-70px 0;
}
#main_index .about .content li.atom:hover span{
    background-position:0 0;
    transition: background-position .7s ease .7s;
}
#main_index .about .content li.compute div span{
    background-position:70px 70px;
}
#main_index .about .content li.compute:hover span{
    background-position:140px 70px;
    transition: background-position .7s ease .7s;
}
#main_index .about .content li.sem div span{
    background-position:-210px 0;
}
#main_index .about .content li.sem:hover span{
    background-position:-140px 0;
    transition: background-position .7s ease .7s;
}
#main_index .about .content li.phone div span{
    background-position:-70px 70px;
}
#main_index .about .content li.phone:hover span{
    background-position:0 70px;
    transition: background-position .7s ease .7s;
}
#main_index .about .content li div i{
    position: absolute;
    width:75px;
    height: 0;
    background: #fff;
    transition: height .7s ease;
    z-index: 10;
}
#main_index .about .content li div i.left{
    left:0;
    top: 0;
}
#main_index .about .content li div i.right{
    right: 0;
    bottom: 0;
}
#main_index .about .content li div u{
    position: absolute;
    width: 220px;
    height: 304px;
    background: #d5271e;
    left: -40px;
    top: 320px;
    z-index: 15;
}
#main_index .about .content li:hover u{
    top:-22px;
    transition: top .7s ease .7s;
}
#main_index .about .content li:hover i{
    height: 151px;
}
#main_index .about .content li h5{
    margin: 15px 0;
    font-size: 24px;
    position: relative;
    z-index: 20;
}
#main_index .about .content li p{
    width: 210px;
    margin: 15px auto;
    font-size: 14px;
    position: relative;
    z-index: 20;
}
/***why***/
#main_index .why{
    background: #f8f8f8;
}
#main_index .why .content{
    width: 60% ;
    margin: 0 auto;
    margin-top: 50px;
}
#main_index .why .content img{
    width: 100%;
}
#main_index .why .content img.sm{
    display: none;
}
/***case***/
#main_index .case .content{
    width: 1200px;
}
#main_index .case .content li{
    float: left;
    width: 20%;
    position: relative;
    padding: 2px;
    box-sizing: border-box;
    overflow: hidden;
}
#main_index .case .content li>a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
#main_index .case .content li div{
    width: 100%;
    position: relative;
}
#main_index .case .content li div img{
    width: 100%;
    transition:transform  3s ease .5s;
}
#main_index .case .content li:hover div img{
    transform: scale(1.1);
}
#main_index .case .content li div i{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: opacity  .5s ease;
}
#main_index .case .content li:hover div i{
    opacity: .6;
}
#main_index .case .content li p{
    position: absolute;
    left: 0;
    top: 0;
    bottom:0;
    right: 0;
    margin:auto;
    width: 100%;
    height: 100px;
    font-size: 18px;
    color:#fff;
    overflow: hidden;
    opacity: 0;
    text-align: center;
    transition: opacity  .5s ease;
}
#main_index .case .content li p a{
    position: absolute;
    bottom:-50px;
    left: 50%;
    transform: translatex(-25px);
    width: 50px;
    height: 50px;
    background: url(../img/add.png);
    transition: bottom  .5s ease;
}
#main_index .case .content li:hover p a{
    bottom:10px;
}
#main_index .case .content li:hover p{
    opacity: 1;
}
/*****news*****/
#main_index .news{
   
}
#main_index .news .content{
    width: 1250px;
    margin: 0 auto;
}
#main_index .news .content li{
    float: left;
    width: 33.33%;
    margin: 20px 0;
    text-align: left;
}
#main_index .news .content li div{
    
}
#main_index .news .content li div h5{
    font-size: 18px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-right: 40px;
    margin-bottom: 10px;
}
#main_index .news .content li div p{
    margin-right: 40px;font-size:14px;
}
#main_index .news .content li div a{
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    margin: 10px 0 20px;
    border: 1px solid #000;
    position: relative;
    overflow: hidden;
}
#main_index .news .content li div a i{
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    background:rgba(0,0,0,.3);
    transition: left .5s ease;
}
#main_index .news .content li div a:hover i{
    left: 0;
}

#main_index .news .content>div{
    text-align: center;
    margin: 10px 0;
}
#main_index .news .content>div a{
    padding: 8px 50px;
    font-size: 14px;
    border: 1px solid #000;
    transition: all .3s ease;
}
#main_index .news .content>div a:hover{
    background:rgba(0,0,0,.3);
    border-color:transparent;
    color:#fff;
}
/*****contact*****/
#main_index>.contact{
   padding-bottom: 0;

}
#main_index .contact h6{
    color:#111;
}
#main_index #map{
    width: 100%;
    height: 500px;
    margin-top: 20px;
}
.ind_vid .vid_box{position:relative;}
.ind_vid .vid_box .pho{width:1200px; height:675px;overflow:hidden;}
.ind_vid .vid_box span{position:absolute;display:inline-block;top:50%;left:50%;z-index:10;cursor:pointer;margin:-76px 0 0 -76px;}
.ind_vid .vid_box span img{height:auto;}

.video_wrap{position:relative; width:100%;height:100%;}
.video_wrap a{position:absolute; top:0; right:10px;}
.video{width:1200px; height:675px; position:absolute; top:50%; margin-top:-237px;left:50%; margin-left:-600px; border-bottom:5px solid #2D1B03; padding-bottom:5px;}

@media  (min-width: 640px) and (max-width: 1280px) {
    #main_index .about .content li,#main_index .news .content li{
        width: 45%;
        margin: 20px 2.5%;
    }
    #main_index .case .content li{
        width: 33.3%;
    }

}
@media  (min-width: 960px) and (max-width: 1280px) {
.ind_vid .vid_box{width:960px; height:540px;}
}
@media  (min-width: 640px) and (max-width: 960px) {

#main_index .news .content li div h5{margin-right:0;}
#main_index .news .content{margin-top:30px;}
#main_index .news .content li div p{margin-right:0;}
}
@media (max-width: 1280px){
    #main_index .about,#main_index .news .content{
        width:100%;
    }
    #main_index .why .content{
        width: 95% ;
        margin: 0 auto;
        margin-top: 50px;
    }
	
}
@media   (max-width: 640px){
    #main_index .about .content li,#main_index .news .content li{
        width: 80%;
        margin: 0 10%;
    }
    #banner{
        margin-top: 85px;
    }
    #banner li{
        width: 100%;
        overflow: hidden;
    }
    #banner img{
        max-width: none !important;
        width: 150%;
        margin-left: -25%;
    }
    #banner div{
        display: block;
        width: 20px;
        height: 35px;
        background-size: 15px;
        background-color: #000;
        opacity: .4;
        filter: alpha(opacity=40);
    }
    #main_index .case .content li{
        width: 50%;
    }
    #main_index #map{
        height: 260px;
    }
    #main_index>.contact{
        padding: 50px 0;
    }
    #main_index .contact .foot{
        padding: 10px 0;
    }
  
    #main_index .why .content img.pc{
        display: none;
    }
    #main_index .why .content img.sm{
        display: block ;
    }
	.ind_vid .vid_box{width:100%; height:auto;}
	.ind_vid .vid_box span{}
	#main_index .news .content li div h5{margin-right:0;}
    #main_index .news .content{margin-top:30px;}
    #main_index .news .content li div p{margin-right:0;}
}
@media   (max-width: 450px){
    #main_index .case .content li{
        width: 100%;
    }
    #main_index>div .tt{
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
    #main_index .title h6{
        font-size: 26px;
        margin: 10px 0;
    }
}

/**************marketing******************/
/*****************banner*****************/
.banner_marke{
    background: url(../img/mark_banner.jpg)  center center;
}
/*****************main*****************/
#main.main_marke .ys{
    background: #fafafa;
}
#main.main_marke .why .content{
    text-align: left;
    padding: 20px 0;
    background:url(../img/mark_why.png) no-repeat right center;
}
#main.main_marke .why .content h5{
    color:#dd2918;
    font-size: 24px;
    position: relative;
}
#main.main_marke .why .content h5 i{
    position: absolute;
    left: -20px;
    top:12px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #dd2918;
}
#main.main_marke .why .content p{
    margin: 10px 0 20px 0;
    font-size: 18px;
}
#main.main_marke .tg .content:after{
    content: " ";
    display: block;
    clear: both;
}
#main.main_marke .tg .content div{
    width: 164px;
    height: 164px;
    margin: 0 auto;
    position:relative;
    box-sizing: border-box;
    cursor: pointer;
}

#main.main_marke .tg .content div span{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#main.main_marke .tg .content .tg_tt1 div span{
    background:url(../img/tg_tt1.png) no-repeat center center;
}
#main.main_marke .tg .content .tg_tt2 div span{
    background:url(../img/tg_tt2.png) no-repeat center center;
}
#main.main_marke .tg .content .tg_tt3 div span{
    background:url(../img/tg_tt3.png) no-repeat center center;
}
#main.main_marke .tg .content .tg_tt4 div span{
    background:url(../img/tg_tt4.png) no-repeat center center;
}
#main.main_marke .tg .content .tg_tt5 div span{
    background:url(../img/tg_tt5.png) no-repeat center center;
}
#main.main_marke .tg .content li{
    float: left;
    width: 20%;
    padding:10px;
    box-sizing: border-box;
    font-size: 15px;
}
#main.main_marke .tg .content li h5{
    font-size: 22px;
    margin: 10px 0 20px 0;
}


@media (min-width: 640px) and (max-width: 1280px) {
    #main.main_marke .tg .content li{
        width: 20%;
    }
    #main.main_marke .tg .content li.tg_tt4,#main.main_marke .tg .content li.tg_tt5{
        
    }
}
@media (max-width: 1280px){
    #main.main_marke .yx .content img,#main.main_marke .ys .content img{
        width: 90%;
        margin: 0 5%;
    }
    #main.main_marke .why .content div{
        
        background: rgba(255,255,255,.9);
    }
}
@media (max-width: 640px){
    .banner_marke{
        background: url(../img/marke.jpg) center center;
    }
    #main.main_marke .content .pc{display: none;}
    #main.main_marke .content .sm{display: block;}
    #main.main_marke>div .title h5{
        font-size: 18px;
        padding: 5px;
    }
	#main.main_marke>div .title p{margin:0;padding-top:15px;}
    #main.main_marke>div .title h5 i{
        background-size: 10px;
    }
    #main.main_marke .why .content h5{
        font-size: 16px;
    }
    #main.main_marke .why .content p{
        font-size: 14px;
    }
	#main.main_marke .why .content{text-align:center;}
    #main.main_marke .why .content h5 i{
        display: none;
    }
    #main.main_marke .tg .content li{
        width: 46%;
        margin:2%;
		padding:0;
		height:170px;
    }
	#main.main_marke .tg .content div{width:100px;height:100px;}
	#main.main_marke .tg .content .tg_tt1 div span, #main.main_marke .tg .content .tg_tt2 div span, #main.main_marke .tg .content .tg_tt3 div span, #main.main_marke .tg .content .tg_tt4 div span, #main.main_marke .tg .content .tg_tt5 div span{background-size:80%;}
	#main.main_marke .tg .content li h5{font-size:15px;margin:0;}
	#main.main_marke .tg .content li p{font-size:13px;line-height:20px;margin-top:15px;}
	#main.main_marke .tg .content ul{position:relative;zoom:1;margin:0 -2%;}
}

/*****************build********************/
/*****************banner*****************/
.banner_build{
    background: url(../img/build_banner.jpg) center center;
}
/*****************main*****************/
#main.main_bulid .fw .content{
    text-align: left;
    padding: 20px 0;
    background:url(../img/build_fw.jpg) no-repeat right center;
}
#main.main_bulid .fw .content div{
    height: 320px;
    background: url(../img/build_p.png) no-repeat -16px bottom;
    width: 350px;
    margin: 0 15%;
    font-size:18px;
    color:#6e6e6e;
    line-height: 40px;
}
#main.main_bulid .td{background: #F7F7F7;}
#main.main_bulid .td .content:after{
    content: " ";
    display: block;
    clear: both;
}
#main.main_bulid .td .content div{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    box-sizing: border-box;
    cursor: pointer;
}
#main.main_bulid  .td .content .td_tt1 div {
    background:url(../img/td_tt1.png) no-repeat center center;
}
#main.main_bulid  .td .content .td_tt2 div {
    background:url(../img/td_tt2.png) no-repeat center center;
}
#main.main_bulid  .td .content .td_tt3 div {
    background:url(../img/td_tt3.png) no-repeat center center;
}
#main.main_bulid  .td .content .td_tt4 div {
    background:url(../img/td_tt4.png) no-repeat center center;
}
#main.main_bulid  .td .content .td_tt5 div {
    background:url(../img/td_tt5.png) no-repeat center center;
}
#main.main_bulid  .td .content .td_tt6 div {
    background:url(../img/td_tt6.png) no-repeat center center;
}
#main.main_bulid  .td .content li{
    float: left;
    width: 33.3%;
    padding:10px;
    box-sizing: border-box;
    height: 260px;
}
#main.main_bulid  .td .content li h5{
    font-size: 22px;
    margin: 10px 0 20px 0;
}
#main.main_bulid  .yx .content img{
    width: 80%;
    margin: 0 10%;
}
#main.main_bulid  .lc .content img.sm{display: none;}
@media (min-width: 640px) and (max-width: 1280px) {
    #main.main_bulid  .td .content li{
        
    }
    #main.main_bulid  .fw .content{
        background-size: 300px;
        width: 80%;
    }
    #main.main_bulid  .fw .content div{
        margin: 0;
    }
}
@media (max-width: 1280px){
    #main.main_bulid  .lc .content img{
        width: 100%;
        margin: 0;
    }
}
@media (max-width: 640px){
    .banner_build{
        background: url(../img/build.jpg) center center;
    }
    #main.main_bulid >div .title h5{
        font-size: 26px;
        padding: 10px;
    }
    #main.main_bulid >div .title h5 i{
        background-size: 10px;
    }
    #main.main_bulid  .fw .content{
        position: relative;
        background-size:400px;
        background-position: center ;
		padding:0;
    }
    #main.main_bulid  .fw .content i{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .9);z-index: 10;
    }
    #main.main_bulid  .fw .content div{
        position: relative;z-index: 20;
        margin: 0 auto;
        background: none;
        height: auto;
		text-align:center;
    }
    #main.main_bulid  .fw .content h5{
        font-size: 20px;
    }
    #main.main_bulid  .fw .content p{
        font-size: 14px;
    }
    #main.main_bulid  .fw .content h5 i{
        display: none;
    }
    #main.main_bulid  .td .content li{
        width: 46%;
        margin: 0 2%;
		padding:0;
		height:160px;
    }
    #main.main_bulid  .lc .content img.pc{display: none;}
    #main.main_bulid  .lc .content img.sm{display: block;}
	#main.main_bulid  .td .content .td_tt1 div, #main.main_bulid  .td .content .td_tt2 div, #main.main_bulid  .td .content .td_tt3 div, #main.main_bulid  .td .content .td_tt4 div, #main.main_bulid  .td .content .td_tt5 div, #main.main_bulid  .td .content .td_tt6 div{background-size:80%;}
	#main.main_bulid .td .content div{width:60px;height:60px;}
	#main.main_bulid  .td .content li h5{font-size:16px;margin:10px 0;}
	#main.main_bulid  .td .content p{font-size:14px;lin-height:22px;}
	#main.main_bulid  .td .content ul{position:relative;zoom:1;margin:0 -2%;}
}
@media (max-width: 450px){
    #main.main_bulid >div .title h5{
        font-size: 22px;
    }
    #main.main_bulid >div .title p{
        margin:20px 0;
    }
    #main.main_bulid  .fw .content{
        background-size:100%;
        background-position: center ;
    }
}
/********************sem********************/
/*****************banner*****************/
.banner_sem{
    background: url(../img/sem_banner.jpg) center center;
}
/*****************main*****************/

#main.main_sem .why .content {
    text-align:left;
    font-size: 16px;
    padding: 20px 0;
    background: url(../img/sem_why.jpg) no-repeat right center;
}
#main.main_sem .why .content p{
    margin-bottom: 40px;
}
#main.main_sem .why .content p span{
    font-size: 20px;
    color:#dd2918;
}
#main.main_sem .fw .content:after{
    content: " ";
    display: block;
    clear: both;
}
#main.main_sem .fw .content li{
    float: left;
    width: 20%;
    position: relative;
}
#main.main_sem .fw .content li i{
    width: 70px;
    height: 20px;
    background-image: url(../img/sem_icon_h.png);
    position: absolute;
    left: -35px;
    top: 70px;
}
#main.main_sem .fw .content li div{
    width: 165px;
    height: 165px;
    border: 2px solid #dcdcdc;
    margin: 0 auto;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 55px 0;
}
#main.main_sem .fw .content li div h5{
    font-size: 24px;
    color:#111111;
}
#main.main_sem .fw .content li div p{
    color:#999999;
}
#main.main_sem .lc .content:after{
    content: " ";
    display: block;
    clear: both;
}
#main.main_sem .lc .content div{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0 auto;
    box-sizing: border-box;
    cursor: pointer;
}
#main.main_sem .lc .content .lc_tt1 div{
    background:#e5e5e5 url(../img/lc_tt1.png) no-repeat center center;
}
#main.main_sem .lc .content .lc_tt2 div{
    background:#e5e5e5 url(../img/lc_tt2.png) no-repeat center center;
}
#main.main_sem .lc .content .lc_tt3 div{
    background:#e5e5e5 url(../img/lc_tt3.png) no-repeat center center;
}
#main.main_sem .lc .content .lc_tt4 div{
    background:#e5e5e5 url(../img/lc_tt4.png) no-repeat center center;
}
#main.main_sem .lc .content .lc_tt5 div{
    background:#e5e5e5 url(../img/lc_tt5.png) no-repeat center center;
}
#main.main_sem .lc .content li{
    float: left;
    width: 20%;
    padding:10px;
    box-sizing: border-box;
    height: 300px;
}
#main.main_sem .lc .content li h5{
    font-size: 22px;
    margin: 10px 0 20px 0;
}
#main.main_sem .ys .content{
    text-align: left;
    padding: 50px 0;
    background:url(../img/sem_ys.png) no-repeat right center;
}
#main.main_sem .ys .content h5{
    color:#dd2918;
    font-size: 24px;
    position: relative;
}
#main.main_sem .ys .content p{
    margin: 10px 0 20px 0;
    font-size: 18px;
    width: 50%;
}
@media (min-width: 640px) and (max-width: 1280px) {
    #main.main_sem .td .content li{
        width: 50%;
    }
    #main.main_sem .fw .content{
        background-size: 400px;
        background-position:85% center ;
    }
    #main.main_sem .fw .content div{
        margin-left:15% ;
    }
    #main.main_sem .fw .content li,#main.main_sem .lc .content li{
     
    }
    #main.main_sem .fw .content li i{
        background:none;
    }
    #main.main_sem  .content li.fw_tt4{
        
    }
    #main.main_sem  .content li.fw_tt4,#main.main_sem  .content li.fw_tt5{
        margin-top:10px;
    }
}
@media (max-width: 1280px){
    #main.main_sem .lc .content img{
        width: 100%;
        margin: 0;
    }
    #main.main_sem .why .content div{
        

        background: rgba(255,255,255,.7);
    }
    #main.main_sem .why .content div p span{
        font-size: 18px;
    }
    #main.main_sem .ys .content{
        background: none;
        padding: 0;
    }
    #main.main_sem .ys .content p{
        width: 100%;
    }
}
@media (max-width: 640px){
    .banner_sem{
        background: url(../img/sem.jpg) center center;
    }
    #main.main_sem .fw .content{
        background:none;
		position:relative;
    }
	
    #main.main_sem .fw .content h5{
        font-size: 20px;
    }
    #main.main_sem .fw .content p{
        font-size: 12px;
    }
    #main.main_sem .fw .content h5 i{
        display: none;
    }
    #main.main_sem .lc .content li{
        width:46%;
        margin: 0 2%;
		padding:0;
		height:230px;
    }
    #main.main_sem .fw .content li{
        margin-top:0px;
		margin-bottom:10px;
		width:33.33%;
    }
    #main.main_sem .fw .content li i{
        width: 20px;
        height: 70px;
        background-image: url(../img/sem_icon_s.png);
        position: absolute;
        left: 50%;
        transform: translatex(-10px);
        top: -75px;
		display:none;
    }
	#main.main_sem .why .content{text-align:center;padding: 0;background:none;}
	#main.main_sem .why .content p{margin-bottom:25px;font-size:14px;}
	#main.main_sem .why .content div p span{font-size:16px;}
	#main.main_sem .fw .content li div h5{font-size:14px;}
	#main.main_sem .fw .content li div{width:100px;height:100px;padding:27px 0;}
	#main.main_sem .lc .content .lc_tt1 div, #main.main_sem .lc .content .lc_tt2 div, #main.main_sem .lc .content .lc_tt3 div, #main.main_sem .lc .content .lc_tt4 div, #main.main_sem .lc .content .lc_tt5 div{background-size:40%;}
	#main.main_sem .lc .content div{width:90px;height:90px;}
	#main.main_sem .lc .content li h5{font-size:16px;margin:10px 0;}
	#main.main_sem .lc .content li p{font-size:13px;}
	#main.main_sem .ys .content h5{font-size:16px;}
	#main.main_sem .ys .content p{font-size:13px;}
	#main.main_sem .ys .content{text-align:center;}
}
@media (max-width: 450px){
    #main.main_sem>div .title h5{
        font-size: 18px;
    }
    #main.main_sem>div .title p{
        margin: 20px 20px 30px 20px;
    }
}
/***************programme***************/
/*****************banner*****************/
.banner_pro{
    background: url(../img/programme_banner.jpg) center center;
}
/*****************main*****************/
#main.main_pro .content:after{
    content: " ";
    display: block;
    clear: both;
}
#main.main_pro .gg .content,#main.main_pro .dx .content{
    text-align: left;
}
#main.main_pro .gg .content div,#main.main_pro .dx .content div{
    width: 40%;
    padding: 90px 0;
}
#main.main_pro .gg .content{
    background: url(../img/programme_gg.png) no-repeat left center;
}
#main.main_pro .gg .content div{
    margin-top: 10px;
}
#main.main_pro .dx{
    background: #f7f7f7;
}
#main.main_pro .dx .content{
    background:url(../img/programme_dx.png) no-repeat right center;
}
#main.main_pro .gg .content p{
    margin: 10px 0 20px 0;
}
#main.main_pro .ys .content li{
    float: left;
    width: 25%;
    padding:10px 20px;
    box-sizing: border-box;
}
#main.main_pro .ys .content div{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0 auto;
    position:relative;
    box-sizing: border-box;
    cursor: pointer;
}
#main.main_pro .dx p{font-size:14px;line-height:24px;}
#main.main_pro .ys .content .ys_tt1 div{
    background:#eeeeee url(../img/ys_tt1.png) no-repeat center center;
}
#main.main_pro .ys .content .ys_tt2 div{
    background:#eeeeee url(../img/ys_tt2.png) no-repeat center center;
}
#main.main_pro .ys .content .ys_tt3 div{
    background:#eeeeee url(../img/ys_tt3.png) no-repeat center center;
}
#main.main_pro .ys .content .ys_tt4 div{
    background:#eeeeee url(../img/ys_tt4.png) no-repeat center center;
}
#main.main_pro .content  h5{
    font-size: 22px;
    margin: 10px 0 20px 0;
    color:#111111;
}
#main.main_pro .yx .content img{
    width: 80%;
    margin: 0 10%;
}
@media (min-width: 640px) and (max-width: 1280px) {
    #main.main_pro .gg .content div{
        padding:20px;
        background: rgba(255,255,255,.8);
    }
    #main.main_pro .ys .content li{
       
    }
    #main.main_pro .gg .content div,#main.main_pro .dx .content div{
        width: 50%;
        margin: 0 auto;
        float: none;
    }
}
@media (max-width: 1280px){
    #main.main_pro .gg .content img{display: none;}
    #main.main_pro .gg .content,#main.main_pro .dx .content{
        background:none;
    }
    #main.main_pro .gg .content div,#main.main_pro .dx .content div{
        padding: 0;
    }
}
@media (max-width: 640px){
    .banner_pro{
        background: url(../img/programme.jpg) center center;
    }
    #main.main_pro>div .title h5{
        font-size: 26px;
        padding: 10px;
    }
    #main.main_pro>div .title h5 i{
        background-size: 10px;
    }
    #main.main_pro .gg .content h5{
        font-size: 16px;
    }
    #main.main_pro .gg .content p{
        font-size: 14px;
		line-height:24px;
		margin:0;
    }
    #main.main_pro .gg .content h5 i{
        display: none;
    }
    #main.main_pro .ys .content li{
        width: 44%;
        margin:2% 3%;
		padding:0;
    }
    #main.main_pro .gg .content div,#main.main_pro .dx .content div{
        width: 100%;
    }
	#main.main_pro .ys .content .ys_tt1 div, #main.main_pro .ys .content .ys_tt2 div, #main.main_pro .ys .content .ys_tt3 div, #main.main_pro .ys .content .ys_tt4 div{background-size:50%;}
	#main.main_pro .ys .content div{width:75px;height:75px;}
	#main.main_pro .content  h5{margin:10px 0;font-size:14px;}
	#main.main_pro .ys p{font-size:13px;line-height:22px;}
}
@media (max-width: 450px){
    #main.main_pro>div .title h5{
        font-size: 20px;
    }
    #main.main_pro>div .title p{
        font-size: 14px;
		margin:5px 0;
    }
}
/********************contact**********************/
.banner_contact{
    background: url(../img/contact_banner.jpg) center center;
}
.banner_sy{
    background: url(../img/sy_banner.jpg) center center;
}
/*****************main-title*****************/
#main.main_contact .t_nav ul:after{
    display: block;
    clear: both;
    content: " ";
}
#main.main_contact .t_nav li{
    float: left;
    width: 200px;
    height:60px;
    line-height:60px;
    font-size: 24px;
}
#main.main_contact .t_nav li+li{
    margin-left: 40px;
}
#main.main_contact .t_nav li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #bfbfbf;
    color:#fff;
}
#main.main_contact .t_nav li.bg a{
    background: #dd2918;
}
#main.main_contact .box:after{
    display: block;
    content: " ";
    clear: both;
}
#main.main_contact .left{
    float:left;
    width: 665px;
    padding:40px ;
    box-sizing: border-box;
    background: url(../img/title.png) no-repeat left 40px;
    text-align: left;
    font-size: 18px;
}
#main.main_contact .box .title{
    margin: 30px 0;
    font-size: 24px;
    color:#000011;
    text-align: left;
}
#main.main_contact .box  h6{
    margin: 40px 0;
}
#main.main_contact .box .left p{
    margin:5px 0;
}
#main.main_contact .box .left p img{
    width: 100%;
    margin-bottom: 20px;
}
#main.main_contact  .right{
    float: right;
    width: 535px;
    margin-top: 130px;
    text-align: left;
}
#main.main_contact .box .right p{
    padding: 5px 0;
    line-height: 35px;
}
#main.main_contact .box .right p span{
    vertical-align:top;
}
#main.main_contact .box .right input{
    width: 450px;
    height: 35px;
    border-radius: 5px;
    background: #f9f9f9;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    
    padding-left: 20px;
}

#main.main_contact .box .right select{
    height: 35px;
    width: 100px;
    border: 1px solid #aaaaaa;
    background: #f1f1f1;
    border-radius: 5px;
    box-sizing: border-box;
}
#main.main_contact .box .right textarea{
    height: 150px;
    width: 450px;
    background: #f9f9f9;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding-left: 20px;
    padding-top: 5px;
    box-sizing: border-box;
}
#main.main_contact .box .right p:after{
    content: " ";
    display: block;
    clear: both;
}
#main.main_contact .box .right p #btn{
    width: 120px;
    height: 40px;
    border: 1px solid #aaaaaa;
    background: #f1f1f1;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 16px;
    float: right;
    cursor: pointer;
    transition: color .3s ease;
    padding-left: 0;
    margin-top: 10px;
}
#main.main_contact .box .right p #btn:hover{
    background: #DD2918;color:#fff;
    border: 1px solid #DD2918;
}
#main.main_contact .b_list:after{
    display: block;
    content: " ";
    clear: both;
}
#main.main_contact .b_list{
    margin: 0 -15px;
}
#main.main_contact .b_list li{
    float: left;
    width: 25%;
}
#main.main_contact .b_list li div{
    margin: 5px 15px;
    background: #f4f4f4;
    box-shadow: 0 3px 6px 0 rgba(191,191,191,.4);
}
#main.main_contact .b_list li div img{
    width: 100%;
}
#main.main_contact .box .b_list li div p{
    padding-left: 26px;
    margin: 10px 0;
}
#main.main_contact .b_list li div span{
    display: block;
    padding: 10px 0;
    padding-left: 26px;
    font-size: 16px;
}
#main.main_contact #map{
    width: 100%;
    height: 500px;
    margin-top: 30px;
}
@media (max-width: 1280px){
    #main.main_contact .content .box{
        background: none !important;
    }
    #main.main_contact .t_nav li{
        width: 19%;
        height:60px;
        line-height:60px;
        font-size: 24px;
    }
    #main.main_contact .t_nav li+li{
        margin-left: 1.25%;
    }
    #main.main_contact .box>div{
        float: none;
        width: 100%;
        margin-top: 0;
        padding: 30px 20px;
        box-sizing: border-box;
    }
    #main.main_contact .box .right{
        width: 575px;
        margin: 0 auto;
    }
    #main.main_contact .box .right p{
        width: 535px;
    }
}
@media (max-width: 640px) {
    .banner_contact {
        background: url(../img/contact.jpg) center center;
    }
    .banner_sy{
        background: url(../img/sy.jpg) center center;
    }
    #main.main_contact .b_list{
        margin: 0;}
    #main.main_contact>div{
        padding: 0 !important;
    }
    #main.main_contact .t_nav li{
        width: 20%;
        height:40px;
        line-height:40px;
        font-size: 14px;
    }
    #main.main_contact .t_nav li+li{
        margin-left: 0;
    }
    #main.main_contact .box .right{
        width: 100%;
        margin: 0 auto;
    }
    #main.main_contact .box .right input{
        width: 100%;
    }
	#main.main_contact .box #btn{margin-left:0;}
    #main.main_contact .box .right select{
        display: block;
    }
    #main.main_contact #map{
        width: 100%;
        height: 250px;
        margin-bottom: 20px;
    }
    #main.main_contact .b_list li{
        width: 50%;
        margin: 10px auto;
    }
    #main.main_contact .box div.right{
        padding-top: 0;
    }
    #main.main_contact .box .right textarea,#main.main_contact .box .right p{
        width: 100%;
    }

}
@media (max-width: 450px) {
    .banner .box a {
        padding: 8px 0;
    }
}
/*****************news******************/
.banner_news{
    background: url(../img/news_banner.jpg) center center;
}
#main.main_news .t_nav ul:after{
    display: block;
    clear: both;
    content: " ";
}
#main.main_news .t_nav li{
    float: left;
    width: 220px;
    height:60px;
    line-height:60px;
    font-size: 24px;
}
#main.main_news .t_nav li+li{
    margin-left: 106px;
}
#main.main_news .t_nav li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #bfbfbf;
    color:#fff;
}
#main.main_news .t_nav li.bg a{
    background: #dd2918;
}

/***************newslist*********************/
#main.main_news .list ul{
    padding:20px 50px ;
}
#main.main_news .list li{
    border-bottom: 1px dashed #c0c0c0;
    text-align: left;
}
#main.main_news .list h5{
    margin: 20px 0;
}
#main.main_news .list h5 a{
    color:#111111;
    font-size: 24px;
}
#main.main_news .list p{
    color:#333333;
    font-size: 18px;
    margin: 20px 0;
}
#main.main_news .list li span{
    float:right;
    color:#aaaaaa;
    font-size: 18px;
}
#main.main_news .list .pc{
    padding: 10px 0;
    text-align: center;
    margin-top: 20px;
}
#main.main_news .list .md{
    display: none;
}

#main.main_news .list .pc a{
    border: 1px solid #7D7D7D;
    padding: 7px 17px;
    margin:0 5px;
    border-radius: 3px;
    color:#000;
}
#main.main_news .list .pc a.bg,#main.main_news .list .pc a:hover{
    background:rgba(0,0,0,.1);
}


/****zzz.pagelist.zzz***/

.pagelist li {
	display: inline-block
}
.pagelist .thisclass>a{background:#ccc; color:#000;}
.pagelist li>a, .pagelist li>span {
	position: relative;
	display: block;
	padding: .5em 1em;
	text-decoration: none;
	line-height: 1.2;
	background-color: #fff;
    border: 1px solid #7D7D7D;
    padding: 7px 17px;
    margin:3px 5px;
    border-radius: 3px;
    color:#000;
}
/******************newsdetail***********************/
#main.main_news .detail{
    font-size: 18px;
}
#main.main_news .detail h5{
    font-size: 30px;
    color:#111111;
    margin: 50px 0 30px 0;
}
#main.main_news .detail h6{
    color:#aaaaaa;
    margin-bottom: 50px;
}
#main.main_news .detail p{
    text-align: left;
}
@media (max-width: 1280px){
    #main.main_news .list ul{
        padding:20px 0;
    }
    #main.main_news .t_nav li{
        width: 22%;
        height:60px;
        line-height:60px;
        font-size: 24px;
    }
    #main.main_news .t_nav li+li{
        margin-left: 4%;
    }
}
@media (max-width: 640px) {
    #main.main_news .list .pc{
        display: none;
    }
    .banner_news {
        background: url(../img/news.jpg) center;
    }
    #main.main_news>div{
        padding: 0 !important;
    }
    #main.main_news .t_nav li{
        width: 25%;
        height:40px;
        line-height:40px;
        font-size: 16px;
    }
    #main.main_news .t_nav li+li{
        margin-left: 0;
    }
    #main.main_news .list h5 a{
        font-size: 20px;
    }
    #main.main_news .list li{
        width: 90%;
        margin: 0 auto;
    }
    #main.main_news .list li span{
        font-size: 14px;display:none;
    }
    #main.main_news .list p{
        font-size: 16px;
    }
    #main.main_news .list .md{
        display: block;
        margin:20px 10%;
    }
    #main.main_news .list .md a{
        width: 33.3%;
        display: inline-block;
        text-align: center;
        height: 37px;
        line-height: 37px;
        border: 1px solid #eee;
        box-sizing: border-box;
        color:#000;
        vertical-align: top;
    }
    #main.main_news .list .md a.pre{
        background: url(../img/pre.png) no-repeat center center;
    }
    #main.main_news .list .md a.next{
        background:url(../img/next.png) no-repeat center center;
    }
    #main.main_news .detail{
        width: 90%;
        margin: 0 auto;
    }
    #main.main_news .detail h5{
        font-size: 20px;
        margin: 30px 0 10px 0;
    }
    #main.main_news .detail h6{
        font-size: 15px;
        margin-bottom: 10px;
    }
    #main.main_news .detail p{
        font-size: 14px;
        line-height: 24px;
    }
}
@media (max-width: 450px){
    .banner_news {
        background: url(../img/news.jpg) 510px center;
    }
}

/***************khal****************/
.banner_khal{
    background: url(../img/al_banner.jpg) center center;
}
#main.main_khal .t_nav{
    margin-bottom: 30px;
}
#main.main_khal .t_nav ul:after{
    display: block;
    clear: both;
    content: " ";
}
#main.main_khal .t_nav li{
    float: left;
    width: 220px;
    height:60px;
    line-height:60px;
    font-size: 24px;
}
#main.main_khal .t_nav li+li{
    margin-left: 106px;
}
#main.main_khal .t_nav li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #bfbfbf;
    color:#fff;
}
#main.main_khal .t_nav li.bg a{
    background: #dd2918;
}
#main.main_khal .al_box>p{
    text-align: center;
    margin: 20px 0;
}
#main.main_khal .al_box ul{
    margin:0 -10px;
}
#main.main_khal .al_box ul:after{
    display: block;
    content: " ";
    clear: both;
}
#main.main_khal .al_box li{
    float: left;
    width: 25%;
    padding:10px;
    box-sizing: border-box;
}
#main.main_khal .al_box li div{
    width: 100%;
    overflow: hidden;
    background: #fcfcfc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor:pointer;
    transition: all .5s linear;
}
#main.main_khal .al_box li div:hover{
    box-shadow: 4px 4px 4px rgba(188,188,188, 0.6);
}
#main.main_khal .al_box li div img{
    width: 96%;
    margin:2%;
}
#main.main_khal .al_box li p.name{
    text-align:left;
    color:#5b5b5b;
    padding: 10px 0 0 20px;
}
#main.main_khal .al_box li p.type{
    font-size: 14px;
    text-align:left;
    color:#999;
    padding: 10px 20px;
}
/*****************fixed*****************/
#a_fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px 0;
    box-sizing: border-box;
    background: rgba(229, 229, 229, .95);
    z-index: 100;
    overflow: auto;
    display: none;
}
#a_fixed .content>span{
    position: fixed;
    right: 50px;
    top: 10px;
    font-size: 50px;
    color:#444444;
    font-weight: 300;
    cursor:pointer;
}
#a_fixed .content:after{
    content: " ";
    clear: both;
    display: block;
}
#a_fixed .content .left{
    float:left;
}
#a_fixed .content .right{
    position: fixed;
    top: 50px;
    left: 1176px;
    width: 380px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
}
#a_fixed .right div{
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
}
#a_fixed .right div:after{
    position: absolute;
    content: " ";
    width: 50px;
    height: 3px;
    background: #dd2918;
    left: 0;
    top: 0;
}
#a_fixed  h5{
    font-size: 24px;
    margin-bottom: 15px;
}
#a_fixed .right .top p{
    text-indent: 2em;
    line-height: 24px;
}
#a_fixed .right .bottom  p{
    font-size: 18px;
    margin: 10px 0;
}
#a_fixed div img{
    width: 100%;
}
#a_fixed .left{
    width: 65%;
    box-shadow: 0 0 5px 3px rgba(212,212,212,.3);
}
@media (max-width: 1280px){
    #main.main_khal .list ul{
        padding:20px 0;
    }
    #main.main_khal .t_nav li{
        width: 22%;
        height:60px;
        line-height:60px;
        font-size: 24px;
    }
    #main.main_khal .t_nav li+li{
        margin-left: 4%;
    }
    #main.main_khal .al_box li{
        width: 33.33%;
    }
    #a_fixed .content .left{
        width: 100%;
    }
    #a_fixed .content .right{
        position:  static;
        float: left;
        width:100%;
        padding: 10px;
        box-sizing: border-box;
        background: #fff;
    }
    #a_fixed .content .right>div{
        float: left;
        width: 40%;
        margin: 20px 5%;
    }
}
@media (max-width: 640px){
    .banner_khal {
        background: url(../img/al.jpg) center center;
    }
    #main.main_khal>div{
        padding: 0;
    }
    #main.main_khal .t_nav li{
        width: 25%;
        height:40px;
        line-height:40px;
        font-size: 16px;
    }
    #main.main_khal .t_nav li+li{
        margin-left: 0;
    }
    #main.main_khal .al_box ul{
        margin: 0;
    }
    #main.main_khal .al_box li{
        width: 50%;
    }
    #a_fixed .content{
        width: 90%;}
    #a_fixed .top>div{
        width: 90% ;
        margin: 0 5%;
    }
    #a_fixed  .lf h5{
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    #a_fixed  .top .rt{
        margin-top: 20px;
        padding-top: 0;
    }
    #a_fixed .content .right>div{
        float: none;
        width: 90%;
        margin: 10px 0;
    }
}